﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" />
    <title>网站标题</title>
    <meta name="keywords" content="keyword ..." />
    <meta name="Description" content="description ..." />
    <!--<link href="favicon.ico" rel="shortcut icon" />-->
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="css/shops.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
 <div class="top">
 <div class="r"><a href="#">帮助</a></div>
 <a href="javascript:void(showlogin())">登录</a><a href="javascript:void(showreg())"">注册</a><a href="#" class="user">用户中心</a><a href="#">我的兑换车(<span>2</span>)</a></div>
 <div class="inner">
   <h1 id="logo"><a href="#">这儿放标题</a></h1>
   <div id="search">
     <div class="tabs">
      <ul>
        <li tabindex="1" class="current">微商家</li>
        <li tabindex="2">微美食</li>
        <li tabindex="3">微商城</li>
      </ul>
     </div>
     <div class="bodycontent bodycontent1"><input type="text" value="请输入微商家名称" onfocus="if(this.value == '请输入微商家名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商家名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent2 none"><input type="text" value="请输入微美食名称" onfocus="if(this.value == '请输入微美食名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微美食名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent3 none"><input type="text" value="请输入微商城名称" onfocus="if(this.value == '请输入微商城名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商城名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
   </div>
 </div>
 <div id="nav">
   <ul>
     <li><a href="#" class="current">首&nbsp;页</a></li><li class="split"></li>
     <li><a href="#">微商家</a></li><li class="split"></li>
     <li><a href="#">微商城</a></li><li class="split"></li>
     <li><a href="#">帮&nbsp;助</a></li>
   </ul>
 </div>
</div>
<div id="maincontent">  
  <div id="bottomcontent">    
    <div id="leftcontent">
     <div id="site"><a href="#">全部微商家</a><span>&gt;</span><label>美食</label></div>
     <div id="searchcondition">
     <dl>
          <dt>分类：</dt>
          <dd><a href="#" class="hover">全部</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">卡片</a><a href="#">全部</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a>
          <div class="more">更多</div>
          <div class="none"><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a></div>
          </dd>
        </dl>
        <dl>
          <dt>商圈：</dt>
          <dd><a href="#" class="hover">全部</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">卡片</a><a href="#">全部</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a>
          <div class="more">更多</div>
          <div class="none"><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a><a href="#">笔</a><a href="#">笔记本</a><a href="#">卡片</a></div>
          </dd>
        </dl>
     </div>
     <div id="shoplist">
       <div class="title">排序：<select class="select"><option>&nbsp;默认排序&nbsp;</option><option>&nbsp;热门程度由高到低&nbsp;</option><option>&nbsp;可兑换商品&nbsp;</option></select><label>1/19</label><a href="#">上一页</a><a href="#">下一页</a></div>
       <ul>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
         <li>
           <div class="img"><a href="#"><img src="image/img10.jpg" alt="" title="" /></a></div>
           <div class="info">
             <dl>
               <dt><a href="#">麦当劳 （天河店）</a></dt>
               <dd>
                <p>地址：广州市天河区天河路12345号</p>
                <p>电话：020-1234567</p>
               </dd>
             </dl>
             <a href="#" class="collectbtn" title="加入收藏"></a>
             <div class="xinlist">
               <div class="xin">口味：<span class="spanxin"><span class="num" style="width:16px;"></span></span></div>
               <div class="xin">环境：<span class="spanxin"><span class="num" style="width:32px;"></span></span></div>
               <div class="xin">服务：<span class="spanxin"><span class="num" style="width:48px;"></span></span></div>
               <p>共有<span>XX</span>件商品可供兑换</p>
             </div>
           </div>
           <div class="clear"></div>
         </li>
       </ul>
     </div>
     <div class="page"><a href="#">上一页</a><a href="#" class="hover">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a>...<a href="#">下一页</a>&nbsp;到第<input type="text" class="text" />页<input type="button" class="btn" value="确认" /></div>
    </div>
    <div id="exchange">      
      <h3><a href="#">热门排行</a></h3>
      <div class="body">
        <div class="tabs">
          <ul>
            <li class="current" tabindex="1">热门微商家</li>
            <li tabindex="2">最新微商家</li>
          </ul>
        </div>
        <div class="bodycontent bodycontent1">
          <ul>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
          </ul>
        </div>
        <div class="bodycontent bodycontent2 none">
          <ul>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
          </ul>
        </div>
      </div>
      <div class="search">
        <h3>搜索微商城所有礼品</h3>
        <ul>
          <li><label>关键词：</label><input type="text" class="text" /></li>
          <li><label>&nbsp;&nbsp;价格：</label><input type="text" class="text short" /><span>到</span><input type="text" class="text short" /></li>
          <li class="btnli"><input type="button" class="searchbtn" value="" /></li>
        </ul>
      </div>
    </div> 
    <div class="clear"></div>
  </div>
</div>
<div id="footer">
 <div class="menu"><a href="#">关于微积分</a><span>|</span><a href="#">服务条款</a><span>|</span><a href="#">加盟合作</a><span>|</span><a href="#">广告服务</a><span>|</span><a href="#">客服中心</a><span>|</span><a href="#">意见反馈</a><span>|</span><a href="#">网站导航</a></div>
 <p><span>&copy;</span> 2009-2011 Wjifen.com All Right Reserved 京ICP备09045377号-2</p>
 <p>广州科信德科技发展有限公司 版权所有</p>
</div>
<div id="reg">
  <h3><a href="javascript:void(closereg())" class="close">关闭</a>用户注册</h3>
  <ul>
    <li><label>设置账户：</label><input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li><label>设置密码：</label><input type="text" class="text text1" /></li>
    <li><label>确认密码：</label><input type="text" class="text text1" /></li>
    <li><label>手机绑定：</label><input type="text" class="text text1" />(选填)<input type="button" class="send" value="获取验证码" /></li>
    <li><label>输入验证码：</label><input type="text" class="text code" /></li>
     <li><label>邮箱：</label><input type="text" class="text text1" /></li>
     <li><label>推荐人账户：</label><input type="text" class="text text1" />(选填)<a href="#">什么是推荐人?</a></li>
    <li class="li"><input type="checkbox" class="checkbox" /><a href="#">我已阅读什么协议</a></li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="login">
  <h3><a href="javascript:void(closelogin())" class="close">关闭</a>用户登录</h3>
  <ul>
    <li>账&nbsp;&nbsp;户：<input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li>密&nbsp;&nbsp;码：<input type="text" class="text text1" /><a href="#">忘记密码？</a></li>
    <li>验证码：<input type="text" class="text code" /></li>
    <li>验证图：<a href="#"><img src="pic/JDVerification.aspx.jpg" alt="" title="" /></a><a href="#">看不清换一张</a></li>
    <li class="li"><input type="checkbox" class="checkbox" />一个月内免登录</li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="fullcontent"><div class="fullcontent"></div></div>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script language="javascript" type="text/javascript" src="js/default.js"></script>
</body>
</html>
